<!--
 * @Description: 工单详情
 * @Author: charles
 * @Date: 2021-12-14 22:10:42
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-12-21 15:38:58
-->
<template>
  <div class="workorder_details">
    <el-button type="text" size="small" @click="backhandler">返回</el-button>
    <div class="workorder">
      <h3>工单信息</h3>
      {{workorder}}
      <el-row>
        <el-col :span="12">
          <span class="label">工单状态</span>
          <span class="value">{{ workorder.status }}</span>
        </el-col>
        <el-col :span="12">
          <span class="label">工单类型</span>
          <span class="value">{{ workorder.type }}</span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span class="label">工单结束时间</span>
          <span class="value">{{ workorder.end_time }}</span>
        </el-col>
        <el-col :span="12">
          <span class="label">工单创建时间</span>
          <span class="value">{{ workorder.begin_time }}</span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span class="label">工程id</span>
          <span class="value">{{ workorder.workorder_id }}</span>
        </el-col>
        <el-col :span="12">
          <span class="label">设备id</span>
          <span class="value">{{ workorder.device_id }}</span>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import { get } from "@/utils/request";
export default {
  data() {
    return {
      workorder: {},
      devices: [],
      bindedDevices: [],
    };
  },
  mounted() {
    this.workorder = this.$route.query;
  },
  methods: {
    backhandler() {
      this.$router.go(-1);
    },
  },
};
</script>
\ No newline at end of file
</script>
<style scoped>
.workorder_details .workorder .label {
  font-weight: bold;
  padding-right: 5px;
  line-height: 2.4em;
}
</style>